<script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  export let fill: string = 'currentColor'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M9.55819 4.34977C9.80226 4.10569 10.1979 4.10569 10.442 4.34977L13.3586 7.26644C13.6027 7.51052 13.6027 7.90615 13.3586 8.15023C13.1146 8.3943 12.7189 8.3943 12.4749 8.15023L10.6251 6.30046V11.0417C10.6251 11.3868 10.3453 11.6667 10.0001 11.6667C9.6549 11.6667 9.37508 11.3868 9.37508 11.0417V6.30046L7.52531 8.15023C7.28123 8.39431 6.8856 8.39431 6.64152 8.15023C6.39744 7.90615 6.39744 7.51052 6.64152 7.26644L9.55819 4.34977Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.6667 1.875C17.9324 1.875 18.9584 2.90101 18.9584 4.16667V12.5C18.9584 13.7657 17.9324 14.7917 16.6667 14.7917H10.6251V16.875H13.3334C13.6786 16.875 13.9584 17.1548 13.9584 17.5C13.9584 17.8452 13.6786 18.125 13.3334 18.125H6.66675C6.32157 18.125 6.04175 17.8452 6.04175 17.5C6.04175 17.1548 6.32157 16.875 6.66675 16.875H9.37508V14.7917H3.33341C2.06776 14.7917 1.04175 13.7657 1.04175 12.5V4.16667C1.04175 2.90101 2.06776 1.875 3.33341 1.875H16.6667ZM3.33341 3.125C2.75812 3.125 2.29175 3.59137 2.29175 4.16667V12.5C2.29175 13.0753 2.75812 13.5417 3.33341 13.5417H16.6667C17.242 13.5417 17.7084 13.0753 17.7084 12.5V4.16667C17.7084 3.59137 17.242 3.125 16.6667 3.125H3.33341Z"
  />
</svg>
